<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>热门品牌-店铺首页</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="rm_shop_i">
        <header-top></header-top>
        <header-search-shop v-if="shopInfo!=null" :shopinfo="shopInfo"></header-search-shop>
        <goods-top-banner v-if="logobanner!=null" :imgsrc="logobanner"></goods-top-banner>
        <goods-top-nav v-if="shopInfo!=null" :businessid="shopInfo.businessId"></goods-top-nav>

        <div class="swiper-container indextuan_banner" style="width: 1919px; height: 540px; margin: 0px auto;">
            <div class="swiper-wrapper">
                <a class="swiper-slide" v-for="item,index in bigimg1" v-if="item.picture" :href="item.href">
                    <img :data-src="fileprefix+item.picture" class="swiper-lazy" width="1919" height="540" />
                    <div class="swiper-lazy-preloader"></div>
                </a>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
        <div class="container">
            <coupon-list v-if="couponlist" :couponlist="couponlist"></coupon-list>
            <!-- 第一个分类板块 -->
            <div class="rm-shop-i-cate1">
                <div class="mr-14">
                    <a :href="productList[0].pcUrl" v-if="productList.length>0">
                        <img :src="fileprefix+productList[0].picImg" class="cate1-img1 mb-15">
                    </a>
                    <a :href="productList[1].pcUrl" v-if="productList.length>1">
                        <img :src="fileprefix+productList[1].picImg" class="cate1-img2">
                    </a>
                </div>
                <div class="mr-14">
                    <a :href="productList[2].pcUrl" v-if="productList.length>2">
                        <img :src="fileprefix+productList[2].picImg" class="cate1-img2 mb-15">
                    </a>
                    <a :href="productList[3].pcUrl" v-if="productList.length>3">
                        <img :src="fileprefix+productList[3].picImg" class="cate1-img1">
                    </a>
                </div>
                <div>
                    <a :href="productList[4].pcUrl" v-if="productList.length>4">
                        <img :src="fileprefix+productList[4].picImg" class="cate1-img1 mb-15">
                    </a>
                    <a :href="productList[5].pcUrl" v-if="productList.length>5">
                        <img :src="fileprefix+productList[5].picImg" class="cate1-img2">
                    </a>
                </div>
            </div>
            <!-- 第二个分类板块 -->
            <div class="rm-shop-i-cate2-wrap">
                <div class="rm-shop-i-cate2-title" v-if="shopTemplateList.length>0">{{shopTemplateList[0].content}}</div>
                <div class="rm-shop-i-cate2">
                    <div class="cate2-left" v-for="item,index in productList" v-if="index>5 && index<9">
                        <a :href="item.pcUrl">
                            <img :src="fileprefix+item.picImg" class="cate2-img1 mr-2">
                        </a>
                    </div>
                    <div>
                        <div class="cate2-right mb-2">
                            <a :href="productList[9].pcUrl" v-if="productList.length>9">
                                <img :src="fileprefix+productList[9].picImg" class="cate2-img2 mr-2">
                            </a>
                            <a :href="productList[10].pcUrl" v-if="productList.length>10">
                                <img :src="fileprefix+productList[10].picImg" class="cate2-img2 mr-2">
                            </a>
                            <a :href="productList[11].pcUrl" v-if="productList.length>11">
                                <img :src="fileprefix+productList[11].picImg" class="cate2-img2 mr-2">
                            </a>
                            <a :href="productList[12].pcUrl" v-if="productList.length>12">
                                <img :src="fileprefix+productList[12].picImg" class="cate2-img2">
                            </a>
                        </div>
                        <div class="cate2-right">
                            <a :href="productList[13].pcUrl" v-if="productList.length>13">
                                <img :src="fileprefix+productList[13].picImg" class="cate2-img2 mr-2">
                            </a>
                            <a :href="productList[14].pcUrl" v-if="productList.length>14">
                                <img :src="fileprefix+productList[14].picImg" class="cate2-img2 mr-2">
                            </a>
                            <a :href="productList[15].pcUrl" v-if="productList.length>15">
                                <img :src="fileprefix+productList[15].picImg" class="cate2-img2 mr-2">
                            </a>
                            <a :href="productList[16].pcUrl" v-if="productList.length>16">
                                <img :src="fileprefix+productList[16].picImg" class="cate2-img2">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="width: 1919px; height: 540px; margin: 0px auto;">
            <a class="swiper-slide" v-for="item,index in bigimg2" v-if="item.picture && index==0" :href="item.href">
                <img :src="fileprefix+item.picture" class="swiper-lazy" width="1919" height="540" />
            </a>
        </div>
        <div class="container">
            <!-- 第3个分类板块 -->
            <div class="rm-shop-i-cate3-wrap">
                <div class="cate3-item mb-38">
                    <div class="mr-60">
                        <a :href="productList[17].pcUrl" v-if="productList.length>17">
                            <img :src="fileprefix+productList[17].picImg" width="533" height="764" />
                            <p class="cate3-item-info" v-if="productList.length>17">
                                {{productList[17].name}}
                                <span class="cate3-item-blank"></span>￥{{productList[17].showPrice}}
                            </p>
                        </a>
                    </div>
                    <div>
                        <a :href="productList[18].pcUrl" v-if="productList.length>18">
                            <img :src="fileprefix+productList[18].picImg" width="479" height="666" />
                            <p class="cate3-item-info" v-if="productList.length>18">
                                {{productList[18].name}}
                                <span class="cate3-item-blank"></span>￥{{productList[18].showPrice}}
                            </p>
                        </a>
                    </div>
                </div>
                <div class="cate3-item mb-38">
                    <div class="mr-60">
                        <a :href="productList[19].pcUrl" v-if="productList.length>19">
                            <img :src="fileprefix+productList[19].picImg" width="398" height="584" />
                            <p class="cate3-item-info" v-if="productList.length>19">
                                {{productList[19].name}}
                                <span class="cate3-item-blank"></span>￥{{productList[19].showPrice}}
                            </p>
                        </a>
                    </div>
                    <div>
                        <a :href="productList[20].pcUrl" v-if="productList.length>20">
                            <img :src="fileprefix+productList[20].picImg" width="617" height="584" />
                            <p class="cate3-item-info" v-if="productList.length>20">
                                {{productList[20].name}}
                                <span class="cate3-item-blank"></span>￥{{productList[20].showPrice}}
                            </p>
                        </a>
                    </div>
                </div>
                <div class="cate3-item">
                    <div class="mr-60">
                        <a :href="productList[21].pcUrl" v-if="productList.length>21">
                            <img :src="fileprefix+productList[21].picImg" width="618" height="585" />
                            <p class="cate3-item-info" v-if="productList.length>21">
                                {{productList[21].name}}
                                <span class="cate3-item-blank"></span>￥{{productList[21].showPrice}}
                            </p>
                        </a>
                    </div>
                    <div>
                        <a :href="productList[22].pcUrl" v-if="productList.length>22">
                            <img :src="fileprefix+productList[22].picImg" width="398" height="585" />
                            <p class="cate3-item-info" v-if="productList.length>22">
                                {{productList[22].name}}
                                <span class="cate3-item-blank"></span>￥{{productList[22].showPrice}}
                            </p>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 尖货列表 -->
            <div class="rm-shop-i-jianhuo-wrap">
                <div class="jianhuo-biaoti" v-if="shopTemplateList.length>1">{{shopTemplateList[1].content}}</div>
                <!--<pro-list :prolist="prolist"></pro-list>-->
                <div class="rm-shop-i-products">
                    <div class="rm-shop-i-pro-item" v-for="item,index in productList" v-if="index>22">
                        <div>
                            <a :href="item.pcUrl">
                                <img :src="fileprefix+item.picImg" width="224" height="286"/>
                            </a>
                        </div>
                        <a :href="item.pcUrl"><p class="pro-title">{{item.name}}</p></a>
                        <p class="pro-info">
                            <span>￥<span class="pro-price">{{item.showPrice}}</span></span>
                            <span class="pro-sellcount"> 总销量：{{item.saleVolume}}</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 页脚 -->
        <com-footer></com-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        rm_shop_i();
    </script>
</body>

</html>